<div class="portfolio-wrapper" w-i18n-ns="app.wallet.portfolio">

    <div class="toolbar">

        <w-button class="medium submit btn-send" on-click="$ctrl.showSend()">
            <span w-i18n="send"></span>
        </w-button>

        <w-button class="interface btn-receive" on-click="$ctrl.showReceivePopup()">
            <span w-i18n="receive"></span>
        </w-button>

        <w-select ng-model="$ctrl.filter" class="interface select__no-user-select">
            <w-option value="::'active'">
                <span w-i18n="allactive"
                      w-i18n-ns="app.wallet.portfolio"
                      params="{count: $ctrl.details.active.length || 0}"></span>
            </w-option>
            <w-option value="::'verified'">
                <span w-i18n="qualifieds"
                      w-i18n-ns="app.wallet.portfolio"
                      params="{count: $ctrl.details.verified.length || 0}"></span>
            </w-option>
            <w-option value="::'spam'" ng-if="!$ctrl.dontShowSpam">
                <span w-i18n="spamselect"
                      w-i18n-ns="app.wallet.portfolio"
                      params="{count: $ctrl.details.spam.length || 0}"></span>
            </w-option>
            <w-option value="::'my'">
                <span w-i18n="myassets"
                      w-i18n-ns="app.wallet.portfolio"
                      params="{count: $ctrl.details.my.length || 0}"></span>
            </w-option>
        </w-select>
    </div>
    <w-smart-table class="smart-table smart-table__mode-large" name="portfolio-balance-list" data="$ctrl.balanceList"
                   header-info="$ctrl.tableHeaders">
        <w-loader ng-if="$ctrl.pending"></w-loader>
        <w-visible ng-repeat="balance in $data track by balance.asset.id" once>
            <w-table-row ng-class="{'spam': balance.isOnScamList}">
                <w-portfolio-row balance="balance"></w-portfolio-row>
            </w-table-row>
        </w-visible>
    </w-smart-table>
</div>
